<template>
    <view class="rightBox">
        
        <view class="content">

            <slot></slot>

        </view>
        <div class="rightBox">
            <uni-icons type="right" :color="rightColor" :size="rightSize"></uni-icons>
        </div>
    </view>
</template>

<script>

const app = getApp();
export default {
    props: {
        rightSize: {
            type: Number,
            default: 22
        },
        rightColor: {
            type: String,
            default: '#eaeaea'
        },
    },
    components: {},
    data () {
        return {
           
        }
    },
    computed: {

    },
    onShow () {

    },
   
    methods: {

    }
}
</script>

<style scoped lang="scss">
.rightBox {
    display: flex;
    align-items: center;
    .content{
        flex: 1;
        overflow: hidden;
    }
    .rightBox{

    }    
}
</style>
